<template>
    <div>
        Child-<button @click="handleClick">click</button>
    </div>
</template>

<script>
export default {
    data(){
        return {
           title: 'Child-1111'
        }
        },
    
    methods: {
        handleClick() {
            // 访问父组件
            console.log(this.$parent.title);
            // 访问根组件
            console.log(this.$root.title);
            // 等价于
            console.log(this.$parent.$parent.title);
        }
    }
}
</script>

<style>

</style>